@charset "utf-8";
/* CSS Document */

/*20221031 daiyu@juntong*/

.index-feedback-txt { display: block; width: 100%; float: left; margin-top: 100px; color: rgba(255,255,255,0.6) }
.index-news { background-position: initial; background-size: cover; background-repeat: no-repeat; background-image: url(../../images/newsbg.jpg); }
.index-service { background-position: initial; background-size: cover; background-repeat: repeat; background-image: url(../../images/casebg.jpg); }
.index-about { background-position: initial; background-size: cover; background-repeat: no-repeat; }
.banner-button { background: rgba(0,0,0,0.7); color: #FFF; width: 170px; margin: 0 auto; height: 50px; line-height: 50px; font-size: 14px; }
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bgtable { width: 100%; border: 1px solid #ccc; border-top: none; border-right: none; text-align: center; }
.bgtable th { background: #666; border: 1px solid #444; border-bottom: none; border-left: none; line-height: 36px; padding: 0px 3px; color: #ccc; }
.bgtable td { border: 1px solid #ccc; border-bottom: none; border-left: none; line-height: 36px; padding: 0px 3px; }
.bgtable tr:nth-child(even) { background: #f1f1f1; }
/*内页*/
body.inner { background: #f3f3f3; }
body.inner img { float: none; }
#mpage .branchbg { background: url(../../images/branchbg.jpg) repeat top center; }
.innernavbg #header.mini { background: #0000006e; }
.innerbanner { background: url(../../images/innerbanner.jpg) no-repeat center center; height: 600px; }
.innerbanner01 { background: url(../../images/companybg.jpg) no-repeat center; height: 500px; background-position-y: -84px; }
.innerbanner02 { background: url(../../images/incontactbg.jpg) no-repeat center; height: 600px; }
.innerbanner03 { background: url(../../images/newsbanner.jpg) no-repeat bottom; height: 500px; }
.innerbanner04 { background: url(../../images/honorbanner.jpg) no-repeat bottom; height: 500px; background-size: cover; }
.innerbanner05 { background: url(../../images/banner2.jpg) no-repeat center; height: 500px; background-size: cover; }
.innerpage { background-color: #FFF; font-size: 16px; }
.innerwrapper { width: 1400px; margin: 0 auto; }
.innertitle { padding-top: 60px; color: #333; text-align: center; }
.innertitle .cn { font-size: 36px; font-weight: bold; }
.innertitle .en { text-transform: uppercase; color: #666; }
/*公司简介*/
.innerabout { }
.innerabout .innertitle { margin-bottom: 30px; }
.innerabout01 { }
.innerabout01 .box { font-size: 18px; color: #555; }
.innerabout01 .box p { text-indent: 2rem; line-height: 2; }
.innerabout01 .innertitle { margin-bottom: 30px; text-align: center; }
.innerabout02 { /*background:#f3f3f3 url(../../images/branchbg.jpg) no-repeat center;*/ padding: 0 0 60px 0; }
.innerabout02 .innertitle { margin-bottom: 30px; }
.innerabout02 .box { margin-top: 30px; font-size: 18px; color: #555; }
.innerabout02 .box p { text-indent: 2rem; line-height: 2; }
.innerabout02 .box .txt { float: left; width: 45%; margin-right: 5%; }
.innerabout02 .box .img { float: right; width: 50%; text-align: right; }
.innerabout02 .box .img img { display: block; max-width: 100%; }
.boxitem { margin: 50px 0; }
.boxitem .item { float: left; background: #2aa08a; padding: 25px; overflow: hidden; width: calc(25% - 65px); margin: 0 20px 0 0; display: flex; align-items: center; justify-content: center; }
.boxitem .item:last-child { margin-right: 0; }
.boxitem .item .icon { float: left; width: 30%; margin-right: 20px; }
.boxitem .item .info { float: left; width: 60%; color: #fff; text-align: right; }
.boxitem .item .info h3 { color: #fff; font-size: 20px; }
.boxitem .item .info p { font-size: 24px; }
/*联系我们*/
.innercontactbox { display: flex; flex-wrap: wrap; padding: 60px 0 0 0; margin-bottom: 60px; }
.innercontactbox .box { margin-bottom: 30px; padding: 0 60px; box-sizing: border-box; font-size: 16px; color: #333; line-height: 2; width: 100%; }
.innercontactbox .box .box-dl dl { float: left; width: 30%; border-right: 1px solid #e6e6e6; padding: 10px 35px; box-sizing: border-box; min-height: 150px; color: #666; }
.innercontactbox .box .box-dl dl:last-child { border-right: none; }
.innercontactbox .box .cn { font-size: 24px; font-weight: bold; color: #f18519; }
.innercontactbox .box .en { font-size: 14px; margin-bottom: 30px; color: #7b7b7b; }
.map-button { text-align: center; width: 100%; box-sizing: border-box; background-color: #049479; color: #fff; padding: 10px 20px; display: none; }
/*新闻动态*/
.innernewsbox { margin-top: 50px; }
.innernewsbox .item { float: left; width: 100%; margin: 0px 3% 3% 0; box-sizing: border-box; background: #fbfbfb; padding: 40px 50px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.innernewsbox .item:nth-child(2n) { margin-right: 0; }
.innernewsbox .item .title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.innernewsbox .item .title a { display: block; color: #333; font-size: 24px; margin-bottom: 20px; }
.innernewsbox .item .title a:hover { color: #f18519; font-weight: bold; }
.innernewsbox .item .description { font-size: 16px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.innernewsbox .item .n-a { position: relative; text-transform: uppercase; margin-top: 30px; width: auto; padding: 0 40px; display: inline-block; height: 45px; line-height: 45px; font-size: 12px; color: #333; text-align: center; border: 1px solid #ddd; }
.innernewsbox .item .n-a span { display: block; position: relative; }
.innernewsbox .item .n-a span:before { z-index: 1; left: 0; top: 0; color: #fff; position: absolute; content: 'MORE'; width: 0%; white-space: nowrap; transition: 0.3s ease 0.1s; overflow: hidden; }
.innernewsbox .item .n-a:hover span:before { width: 100%; }
.innernewsbox .item .n-a:hover { border-color: #f18519; }
.innernewsbox .item .n-a.left_right:before { position: absolute; content: ''; z-index: 0; width: 0; top: 0; height: 100%; left: 0; background: #f18519; transition: 0.5s ease 0s; }
.innernewsbox .item .n-a.left_right:hover:before { width: 100%; }
/*客户反馈*/
.innerfeedback { margin-top: 50px; margin-bottom: 60px; }
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; color: #666; resize: none; width: 96%; height: 150px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { box-sizing: border-box; width: 27%; padding: 10px; height: 50px; line-height: 50px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #d0d0d0; color: #333; border-radius: 4px; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #ce8314; }
/*荣誉证书*/
.innerhonor { margin-top: 50px; font-size: 16px; }
.innerhonor .item { width: 31%; float: left; padding: 30px; box-sizing: border-box; background: #f7f7f7; margin: 1%; }
.innerhonor .item .img { display: flex; justify-content: center; align-items: center; height: 280px; overflow: hidden; width: 100%; }
.innerhonor .item .img a { border: 6px solid #af0e0e; }
.innerhonor .item .img img { display: block; width: 100%; }
.innerhonor .item .txt { display: block; text-align: center; font-size: 18px; color: #333; line-height: 2; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*用户案例*/
.innercase { margin-top: 50px; font-size: 16px; }
.innercase .item { width: 23%; float: left; box-sizing: border-box; margin: 1% 1%; transition: all .2s ease-in-out; }
.innercase .item .img { display: block; overflow: hidden; }
.innercase .item .img img { display: block; float: none; width: 100%; transition: all .3s ease-in-out; }
.innercase .item:hover .img img { transform: scale(1.1) }
.innercase .item .txt { display: block; font-size: 18px; color: #333; line-height: 2; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.innercase .item .description { font-size: 14px; color: #666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*产品分类*/
.prolisttab { background: #fde9d6; padding: 20px; box-sizing: border-box; width: 100%; margin-top: 30px; }
.subnav-one { display: flex; justify-content: center; border-bottom: 1px solid #eab989; }
.subnav-one h3 { float: left; position: relative; }
.subnav-one h3 a { padding: 10px 20px; font-size: 20px; font-weight: normal; display: block; }
.subnav-one h3 i { position: absolute; background: url(../../images/down.png) no-repeat center; width: 20px; height: 9px; left: 50%; margin-left: -9px; bottom: -9px; display: none; }
.subnav-one .check a { background: #eab989; color: #fff; }
.subnav-one .check i { display: block; }
.subnav-two { margin: 20px 20px; }
.subnav-two .subbox { }
.subnav-two .subbox .subnavitem { float: left; width: 20%; line-height: 2; font-size: 16px; padding: 0 10px; box-sizing: border-box; transition: all .3s; }
.subnav-two .subbox .subnavitem a { transition: all .3s; }
.subnav-two .subbox .subnavitem:hover { background: #eab989; }
.subnav-two .subbox .subnavitem:hover a { color: #fff; }
/*产品展示*/
.innerproduct { float: right; width: 100%; }
.innerproduct b, .innerproduct strong { color: #179631; }
.innerproduct .item { float: left; width: 30%; margin: 0 2% 5% 0; }
.innerproduct .item:nth-child(3n) { margin-right: 0; }
.innerproduct .item .img { overflow: hidden; }
.innerproduct .item .img img { display: block; float: none; width: 100%; transition: all .3s ease-in-out; }
.innerproduct .item:hover .img img { transform: scale(1.1) }
.innerproduct .item .info { border-bottom: 1px solid #dadada; padding: 20px 0; }
.innerproduct .item .info .nam { font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.innerproduct .item .info .subtitle { font-size: 14px; color: #989898; margin-bottom: 10px; }
.innerproduct .item .info .description { color: #666; font-size: 14px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px; }
.prolistpic { }
.prolistpic li { float: left; text-align: center; width: 32%; margin: 0.5%; }
.prolistpic li img { max-width: 100%; display: block; margin: 0 auto; height: 250px; }
.mobile-inner { display: none; }
 @media (max-width: 1440px) {
}
 @media (max-width: 1200px) {
.mobile-inner { display: block; }
#header.mini ul#nav { display: none; }
.innerwrapper { width: 100%; box-sizing: border-box; padding: 0 20px; }
}
 @media (max-width: 1024px) {
.innerbanner01 { height: 300px; background-position-y: 0; background-size: cover; }
.innerabout01 .box { font-size: 16px; }
.subnav-two .subbox .subnavitem { width: 25%; }
.innerbanner05, .innerbanner04, .innerbanner03, .innerbanner02 { height: 300px; background-size: cover; }
}
 @media (max-width: 768px) {
.innertitle .cn { font-size: 30px; }
.boxitem .item { width: calc(49% - 65px); margin: 0 20px 20px 0; }
.subnav-two .subbox .subnavitem { width: 50%; }
.innerhonor .item { width: 48%; }
.innercase .item { width: 46%; }
.innercontactbox .box .box-dl dl { float: none; border-right: none; padding: 0; width: 100%; min-height: auto; }
}
 @media (max-width: 425px) {
.map-button { display: inline-block; }
.innerbanner01, .innerbanner05, .innerbanner04, .innerbanner03, .innerbanner02 { height: 200px; }
.boxitem .item { width: 100%; margin-right: 0; box-sizing: border-box; }
.subnav-two .subbox .subnavitem { width: 100%; }
.innerproduct .item { margin: 1%; width: 48%; }
.innerproduct .item:nth-child(3n) { margin-right: 1%; }
.innerhonor .item { width: 100%; }
.innercase .item .txt { font-size: 16px; }
.innercontactbox .box { padding: 0; }
.pc-map { display: none; }

}
/*index_phone*/


.p-title { margin-bottom: 30px; }
.p-title .cn { font-size: 26px; color: #333; }
.p-title .en { font-size: 14px; color: #333; text-transform: uppercase; }
.phone-menu{ padding:10px 0;}
.phone-menu .plogo{ width:50%; float:left; padding-left:10px;}
.phone-menu .mobile-inner{ float:right;}
.phone-menu .mobile-inner-header{ top:-52px;}
.phone-menu .mobile-inner-nav{ top:9px;}

.phone-box1 { overflow:hidden;}
.index-bgm {
    display: block;
    width: 100%;
    height: calc(80vh - 93px);
    object-fit: cover;
}
.phone-box2 { padding: 40px 20px; width: 100%; box-sizing: border-box; background: #fff; }
.phone-box2 .p-pro {}
.phone-box2 .p-pro .item { width: 48%; float: left; margin: 1%; }
.phone-box2 .p-pro .item a { display: block; }
.phone-box2 .p-pro .item a .pic { }
.phone-box2 .p-pro .item a .pic img { display: block; width: 100%; }
.phone-box2 .p-pro .item a .info { padding: 10px;  background: #ececec;overflow: hidden;}
.phone-box2 .p-pro .item a .info .title { font-size: 16px; color: #666;
text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap; }
.phone-box2 .p-pro .item a .info .subtitle { font-size: 14px; color: #6f6f6f; }
.phone-box2 .p-pro .item a .info .description { font-size: 14px; color: #666; margin-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.phone-box3 { padding: 0 20px 40px 20px; width: 100%; box-sizing: border-box; }
.phone-box3 .txt { font-size: 16px; color: #333; line-height: 180%; }
.phone-box3 .txt .m { line-height: 40px; height: 40px; background-color: #383838; border: #383838 1px solid; color: #fff; font-size: 16px; display: inline-block; padding: 0 10px; margin-top: 10px; }
.phone-box4 { padding: 40px 20px; width: 100%; box-sizing: border-box; background-image: url(../../images/casebg.jpg); }
.phone-box4 .p-title .cn { color: #fff; }
.phone-box4 .p-title .en { color: #fff; }
.phone-box4 .p-case { }
.p-caselist { }
.p-caselist .item { }
.p-caselist .item a { display: block; }
.p-caselist .item .name { color: #fff; font-size: 18px; margin-bottom: 10px; }
.p-caselist .item .pic { display: inline-block; }
.p-caselist .item .pic img { display: block; }
.p-caselist .item .description { color: #fff; font-size: 14px; margin-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.phone-box5 { background:url(../../images/newsbg.jpg) no-repeat center; background-size:cover; padding: 40px 20px; width: 100%; box-sizing: border-box; }
.phone-box5 .p-title .cn { color: #fff; }
.phone-box5 .p-title .en { color: #fff; }
.phone-box5 ul{}
.phone-box5 ul li{
	overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(255 255 255 / 21%);
    padding: 20px 0 30px 0;
}
.phone-box5 .date{
	float: left;
    color: #fff;
    width: 30%;
}
.phone-box5 .date .day{ font-size:26px;}
.phone-box5 .date .year{ font-size:14px;}
.phone-box5 .newbox{ float:right; width:70%;}
.phone-box5 .newbox .title{ font-size:16px; color:rgba(255,255,255,.8);}
.phone-box5 .newbox .deco{
	font-size: 13px;
    color: #fff;
    margin-top: 10px;
}
.phone-box6{padding: 40px 20px; width: 100%; box-sizing: border-box;}
.p-contact{}
.p-contact h3{
	font-size: 24px;
    color: #36655d;
    margin-bottom: 10px;
}
.p-contact p{ font-size:16px; color:#666; line-height:180%;}
.phone-foot{ background:#333; padding:10px 20px; font-size:14px;}